<template>
  <div class="app" :class="darkMode ? 'theme--dark' : 'theme--light'" data-wails-drag>
    <div class="app-view">
      <router-view/>
    </div>

    <page-overlay text="正在更新. 请稍等..." :isActive="overlay"/>
  </div>
</template>

<script setup lang="ts">
import {onMounted, ref} from "vue";

const overlay = ref(false)
onMounted(() => {
  window.runtime.EventsOn("success",(res: any)=>{
    console.log("前端EventsOn",res)
  })
})

</script>

<style lang="scss">
.app {
  width: 100vw;
  height: 100vh;
  //display: flex;
  //flex-direction: column;
  //align-items: center;
  &-view {
    width: 100%;
    height: 100%;
  }
}
</style>
